<template>
  <form>
    <form-item label="Activity name"> <Input /> </form-item>
    <form-item label="Activity zone"> <Input /> </form-item>
  </form>

  <Button type="primary">123</Button>
</template>

<script lang="ts">
import { Button, Form, Input } from "ant-design-vue";
import { reactive } from "vue";
import { useYdStore } from '/@/hooks/index'

const FormItem = Form.Item;

const defaultList = [];
export default {
  components: { Button, FormItem, Form, Input },
  setup() {
    const list = reactive(defaultList);
    const { state, getters, dispatch } = useYdStore();
    return {
      list,
    };
  },
};
</script>
